@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */



@-webkit-keyframes flipOutYtest {
  from {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
  }

  40% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}

.test{
  -webkit-animation: flipOutYtest 0.75s linear;
  animation: flipOutYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}

.test2{
  -webkit-animation: flipInYtest 0.75s linear;
  animation: flipInYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



.well{ width: 1010px;  min-height: 171px;/*  margin: auto;
  min-width: 1171px;
  column-width: 171px;
  -webkit-column-width: 171px;
  -webkit-column-gap: 0px;
  column-gap: 0px;*/ margin-left: auto; margin-right: auto;
  background: url("../images/gaoxinquxin/cyyq_con_bg.jpg"); 
  height: 419px;
  }

.well .well-item{ position: relative; float: left; width: 135px; min-height: 171px; margin: 3px; }
.well .well-item img{
  width: 100%;
  min-height: 171px;
}
.correct{
  position: absolute;
  width: 100%;
}
.opposite{
  min-height: 171px;
  width: 100%;
}
.opposite div{
  min-height: 171px;
  width: 100%;
}
.opposite-content{
  display: table;
  width: 100%;
  min-height: 171px;
  background-color: #2895d0;
}
.opposite-content-text{ display: table-cell; vertical-align: middle; text-align: right; color: white; font-size: 16px; line-height: 24px; width:135px;
  height:171px;
 }
.opposite-content-text p{padding-right:6px; margin-top:35px;}
.opposite-content-text p span{ border-bottom: 1px solid #fff; width: 77px; display: block; font-size: 32px; float: right;
  padding-bottom: 10px;
  margin-bottom: 4px;}
.opposite-content-text p i{display: block; float: right;}
.op_first{ min-height:348px; height:348px;}
.op_first div{ min-height:348px; height:348px;}
.well-itemcon{
  margin: 0 auto;
  width: 98%;
 padding-top: 21px;
}